<template>
	<view class="city" >
		<view class="checkCity smTitle">
			是否将 <text class="choosed">【{{workPlace}}】</text>列为您的期望城市？
		</view>
		
		<view class="confirm smTitle">
			<button type="default" :class="ins == '1'?'yes':''" @click="isYes">是</button>
			<button type="default" :class="ins == '0'?'yes':''" @click="isNot">否</button>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	
export default {
	data() {
		return {
			yourCity:'合肥',
			ins:'1',
			isShow:false
		};
	},
	
	computed: {
		...mapState(['isLogin','workPlace']),
	},

	methods: {
		isYes(){
			this.ins = '1';
			this.$emit('isYes');
		},
		isNot(){
			this.ins = '0';
			this.$emit('isNot');
		}
	},
	created(){
		 // uni.$on('getCity',num=>{
		 //                this.yourCity = num;
			// 			this.isShow = true;
		 //            })
	}
};
</script>

<style scoped lang="less">
	.city{
		width: 686upx;
		height: 280upx;
		background: #FFFFFF;
		box-shadow: 0px 0px 12upx rgba(0, 0, 0, 0.16);
		opacity: 1;
		border-radius: 8upx;
		position: fixed;
		z-index: 2;
		bottom: 144upx;
		left: 32upx;
		
		.checkCity{
			padding: 80upx 102upx 60upx 104upx;
			font-weight: bold;
			.choosed{
				color: #3465B1;
			}
			
		}
		
		.confirm{
			display: flex;
			button{
				width: 264upx;
				height: 56upx;
				background: #FFFFFF;
				border: 2upx solid #3465B1;
				opacity: 1;
				line-height: 56upx;
				border-radius: 4upx;
				color: #3465B1 ;
			}
			
			.yes{
				background: #3465B1;
				color: #fff;
			}
		}
		
	}
</style>
